// 获取button数组元素,监听它的点击事件
const btns = document.querySelectorAll('button');
// 获取卡片容器
const cards = document.querySelectorAll('.qaCard');
// 获取btn下面的字体图标
const icons = document.querySelectorAll('button i');
btns.forEach((btn, index) => {
  btn.addEventListener('click', () => {
    // 我的多控制了一个子元素，而且在初期子元素的样式绑定时要写清楚active和非active时小图标的样式，通过下标来实现
    cards[index].classList.toggle('active');
    icons[index].classList.toggle('fa-angle-up');
    icons[index].classList.toggle('fa-angle-down');
    console.log(btn.parentNode);
    console.log(btn.childNodes);
  });
});
